<!-- Breakpoints -->
<div class="row vertical-resizable hidden-panel" id="breakpoints-wrapper">
  <div class="col-md-12">
    <div class="panel panel-default">
      <div class="panel-heading">
        <span>Breakpoints</span>
        <div class="panel-heading-buttons">
            <div class="btn btn-default btn-xs disabled" id="delete-all-button" title="Delete all breakpoint">Delete all</div>
        </div>
      </div>
      <div class="panel-body breakpoints" id="breakpoints-body">
        <div class="wrapper perfect-scrollable">
          <table class="table table-striped table-hover scroll-table" id="breakpoints-table">
            <thead>
              <tr>
                <th>Resource</th>
                <th width="70">Line</th>
                <th width="70">ID</th>
                <th>Function</th>
              </tr>
            </thead>
            <tbody id="breakpoints-table-body"></tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- /Breakpoints -->
